@charset "utf-8";

html, body {
    margin:0px;
    overflow:hidden;

}

#main-container {
    width:100%;
    background-color:#ffffff;
    overflow-x: hidden;
    overflow-y: scroll;
    height:100%;
    position:absolute;
}

.chat-body{
    overflow-y:scroll;
    height:555px;
    padding:0px;
}
.room-list-body{
	overflow-y:scroll;
    height:620px;
    padding:0px;
}

.room-list-body .list-group-item{
	 cursor:pointer;
}
.list-body{
    overflow-y:scroll;
    height:450px;
    padding:0px;
}

.msg-list-body{
    margin:8px;
}

.msg-wrap{
    margin-top: 0px;
    margin-bottom: 8px;
    padding: 0px;
}

.msg-content{
    margin-top: 14px;
    padding: 8px;
    padding-bottom: 4px;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-radius: 4px;
    word-break:break-all;
}

.img-icon{
    width: 64px;
    height: 64px;
    border:2px solid #ccc;
    border-radius: 4px;
}

.msg-head{
    z-index:100;
}

.msg-name{
    margin-left: 8px;
}

.msg-time{
    margin-left: 8px;
}

.list-table{
    margin-top: -1px;
    margin-bottom: 0px;
}

.emotion-panel{
    position:fixed;
    display:none;
    z-index:200;
}